<template>
  <div>
    <titleHaed :Crumbs="Crumbs"></titleHaed>
    <div class="billBox">
      <div class="bill">
        <frame1>
          <div slot="title">系统设置</div>
          <div slot="content">
            <el-tabs v-model="activeName1" type="card" >
              <el-tab-pane label="微信号设置" name="1"></el-tab-pane>
              <el-tab-pane label="收款设置" name="2">
                <ReceivablesTable/>
              </el-tab-pane>
              <el-tab-pane label="运营商设置" name="3"></el-tab-pane>
              <el-tab-pane label="收款设置" name="5"></el-tab-pane>
              <el-tab-pane label="分时费率设置" name="6"></el-tab-pane>
            </el-tabs>
          </div>
        </frame1>
      </div>
    </div>
  </div>
</template>
<script>
import titleHaed from "@/views/title";
import frame1 from "@/components/frame";
import ReceivablesTable from "./children/Receivables/ReceivablesTable";
export default {
  components: {
    titleHaed,
    frame1,
    ReceivablesTable
  },
  data() {
    return {
      Crumbs: {
        router: [],
        path: ["系统设置", "系统设置(充电桩)"]
      },
      activeName1: "2"
    };
  },
  methods: {}
};
</script>
<style scoped>
@import url("../../../../assets/css/table.css");
@import url("../../../../assets/css/tab.css");

/* tab切换 */

.billBox {
  width: 100%;
}
.bill {
  margin-top: 40px;
}
.bill /deep/ .el-tabs__item {
  height: 50px;
  line-height: 50px;
}
</style>